<!DOCTYPE html>
<html>
<head>
    <title>First page</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/Style.css">
    <script src="js/libs/jquery/jquery-2.1.1.js"></script>

</head>

<body>
<div id="Header">
    <div class="button">
        Button1
    </div>
</div>
<div>
    <div id="Body">
        <p>The page updated</p>

        <table id="table">

    </div>
</div>
</body>
<script>
    $(document).ready(function(){
        for (var i=1;i<18;i++){$('#table').append('<tr><td class="cell">'+i+'</td></tr>')}
        $('td').last().addClass("cell_selected");
        $( "td" ).click(function() {
            // $( this ).slideUp();
            //alert('classd='+$(this).get(0).tagName);
            if ($(this).hasClass("cell_selected")) {
                $(this).removeClass("cell_selected")
            }
            else {

            $(this).addClass("cell_selected");
            }
        });
    })
    // Create a new jQuery.Event object with specified event properties.
    var e = jQuery.Event( "keydown", { keyCode: 13 } );

    // trigger an artificial keydown event with keyCode 64
    jQuery( "body" ).trigger( e );

</script>
</html>